<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <!-- 设计模式 -->
    <!-- 发布订阅模式 【自定义事件模式】 -->
  <button>click</button>

  <script>
    
    // 事件
    // 如何给一个元素绑定一个click事件 原生js怎么写？
    const btn = document.querySelector('button')
    btn.addEventListener('click',() => {
      console.log('事件触发1');
    })
    btn.addEventListener('click',() => {
      console.log('事件触发2');
    })

    // 浏览器支持的原生事件绑定模式 -》精髓 一对多 一;事件 多;回调函数
    // 同一个click事件 对应 两个回调函数

    // 模仿一下原生事件的实现方式 来实现自定义事件
    // 1、有一个绑定事件的方法 两个参数 一个参数是事件名称 一个参数是回调函数
    // 2、有一个触发事件的方法 模拟一下鼠标点击 设计一个参数 传入当前要触发的事件名称即可
    


  </script>
</body>
</html>